<template>
  <div>
     <ul>
      <li v-for="item in arr" :key="item">{{item}}</li>
     </ul>
     <button @click="move">走一走</button>
   </div>
</template>
 
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      arr: ['帅哥', '程序员', '美女']
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    move(){
      this.arr.push(this.arr[0])
      this.arr.shift()
    }
  }
};
</script>

<style scoped>
     
</style>
